<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中医体质简介</title>
</head>
<style>
    .vi {
        width: 80%;
        height: 80%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
    }

    body {
        background: fixed url("视频背景.jpg") no-repeat 50% 100%;
    }

    * {
        margin: 0;
        padding: 0;
    }
</style>

<body>
    <video src="中医体质.mp4" controls="controls" class="vi" loop="loop"></video>
</body>

</html>